<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>013-目标伪类</title>
		<style>
			div {
				height: 300px;
				background-color: gray;
				border: 1px solid black;
			}
			/* 当a链接，跳转到指定位置的id元素时 */
			div:target {
				background-color: green;
			}
		</style>
	</head>
	<body>
		<a href="#first">去看第一个</a>
		<a href="#second">去看第二个</a>
		<a href="#third">去看第三个</a>

		<hr />

		<div id="first">第一个</div>
		<div id="second">第二个</div>
		<div id="third">第三个</div>
	</body>
</html>
